.content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-right: $siderWidth;
  min-height: calc(100vh - #{$footerHeight}  - #{$headerHeight}) !important;
}
@media screen and (max-width: $minSize) {
  .content {
    padding-right: 0;
  }
}
.listBox {
  padding: 2rem;
  min-width: 40rem;

  width: $contentWidth;
  .ant-card-meta-description {
    height: 9.6rem;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

.avatar {
  min-width: 10rem;
  min-height: 10rem;
}
